<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<div id="app">
    <!-- 使用组件 -->
    <login></login>

    <register></register>

    <add></add>

</div>
</body>
</html>

<script src="../js/v2.6.10/vue.js"></script>
<script>
    /**
     * 全局组件
     * Vue.component('')
     *
     * 局部组件注册
     * new Vue({
     *     el：..
     *     ...
     *     components:{}
     * })
     *
     *
     */
    Vue.component('login',{
        template:`<h1>用户登录全局组件</h1>`,//用来书写改组价的html代码
    });

    Vue.component('register',{
        template:`<h1>用户注册全局组件</h1>`,//用来书写改组价的html代码
    });


    const app = new Vue({
        el: "#app",
        components:{
            //注册局部组件
            add:{
                template:`<h2>用户添加局部组件</h2>`
            }
        }
    });

</script>